         const path=require('path');
         const HtmlWebpackPlugin=require('html-webpack-plugin');
         // 提取css
         const MiniCssExtractPlugin = require('mini-css-extract-plugin');

         // 压缩css
         const OptimizeCssAssetsWebpackPlugin = require('optimize-css-assets-webpack-plugin');


         module.exports={
         //这是入口区域
         entry:{
         commonCss:"./src/css/common/commoncss.js",
         dom:"./src/js/common-js/dom.js",
         utils:"./src/js/common-js/utils.js",
         advertier:"./src/js/advertier.js",
         login:"./src/js/login.js",
         register:"./src/js/register.js",
         home:"./src/js/home.js",
         exercise:"./src/js/exercise.js",
         my:"./src/js/my.js",
         curricular:"./src/js/curricular.js",
         personal:"./src/js/personal.js",
         courdescription:"./src/js/courdescription.js",
         curriculum:"./src/js/curriculum.js",
        
         echarts:"./src/js/echarts.js",
         map:"./src/js/map.js"
         // swiper :"./src/js/swiper-bundle.min",
         },
         //这是出口区域;
         output:{
         //这是输出的文件夹区域
         path:path.resolve(__dirname,'dist'),
         //这回输出的文件夹的名字在
         filename:"js/[name]-[hash:5].js"
         },
         //这是配置代码版本区域

         mode: 'development',
         // mode:"devedment,",

         //这是翻译区域;
         module:{
         rules:[
         //这是css区域

         {
         //    test:/\.css$/,
         test: /\.css$/,  // 匹配所有.css文件;
         use:[ 
         {
         loader:MiniCssExtractPlugin.loader,
         options:{
         publicPath:"../",
         }
         },

         "css-loader",
         "postcss-loader",
         ]
         },

         {
         //    test:/\.css$/,
         test: /\.less$/,  // 匹配所有.css文件;
         use:[ 
         {
         loader:MiniCssExtractPlugin.loader,
         options:{
            publicPath:"../",
         }
         },

         "css-loader",
         "postcss-loader",
         "less-loader"]
         },
         {

         test: /\.(jpg|png|gif)$/,
         loader: 'url-loader',
         options: {
         name: '[hash:6].[ext]',  // 图片输出的名字hash长度16位 默认32位
         limit: 10 * 1024,  // 小于10kb base64处理
         // 关闭url-loader的es Module  使用commonjs module解析 , url-loader默认使用es6模块化解析 而后续使用 html-loader 引入图片是 commonjs解析  不关闭会报错
         esModule: false, 
         outputPath: 'imgs' // 输出路径
         }


         },
         {
         test:/\.html$/,
         loader: 'html-loader'
         },
         //这是字体翻译区域
         {
         test: /\.(eot|svg|ttf|woff|woff2)$/,  // 处理字体格式文件
         loader: 'file-loader',
         options: {
         name: '[hash:16].[ext]', // 输出名字
         outputPath: 'fonts2' // 输出路径
         }
         },
         {
         test: /\.js$/,
         loader: 'babel-loader',    // loader 编译es6为es5
         exclude: /node_modules/  // 排除
         }


         ]
         },
         //这是html翻译区域

         //这是html 插件区域

         //这是html 插件区域
         plugins: [
         // 处理html
         new HtmlWebpackPlugin({
         template: './src/login.html' ,
         filename:"login.html",
         chunks:['login','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
         new HtmlWebpackPlugin({
         template: './src/advertier.html' ,
         filename:"advertier.html",
         chunks:['advertier','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
         new HtmlWebpackPlugin({
         template: './src/register.html' ,
         filename:"register.html",
         chunks:['register','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
         new HtmlWebpackPlugin({
         template: './src/home.html' ,
         filename:"home.html",
         chunks:['home','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
         new HtmlWebpackPlugin({
         template: './src/exercise.html' ,
         filename:"exercise.html",
         chunks:['exercise','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
         new HtmlWebpackPlugin({
         template: './src/my.html' ,
         filename:"my.html",
         chunks:['my','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
         new HtmlWebpackPlugin({
            template: './src/curricular.html' ,
            filename:"curricular.html",
            chunks:['curricular','commonCss','utils','dom'],
            // 把index.html复制到dist中 自动引入资源文件
            }),
         new HtmlWebpackPlugin({
         template: './src/personal.html' ,
         filename:"personal.html",
         chunks:['personal','commonCss','utils','dom'],
         // 把index.html复制到dist中 自动引入资源文件
         }),
        
         new HtmlWebpackPlugin({
         template: './src/courdescription.html' ,
         filename:"courdescription.html",
         chunks:['courdescription','commonCss','utils','dom'],
         
         // 把index.html复制到dist中 自动引入资源文件
         }),
          new HtmlWebpackPlugin({
         template: './src/curriculum.html' ,
         filename:"curriculum.html",
         chunks:['curriculum','commonCss','utils','dom'],
         
         // 把index.html复制到dist中 自动引入资源文件
         }),
        
            new HtmlWebpackPlugin({
               template: './src/echarts.html' ,
               filename:"echarts.html",
               chunks:['echarts','commonCss','utils','dom'],
               
               // 把index.html复制到dist中 自动引入资源文件
               }),
               new HtmlWebpackPlugin({
                  template: './src/map.html' ,
                  filename:"map.html",
                  chunks:['map','commonCss','utils','dom'],
                  
                  // 把index.html复制到dist中 自动引入资源文件
                  }),
               
         new MiniCssExtractPlugin({ // 提取css
         filename: 'css/[name]-[hash:5].css' // 重命名输出的css
         }),

         // new OptimizeCssAssetsWebpackPlugin(), // 压缩css
         ],
         // 开发服务器
         devServer: {
         contentBase: path.resolve(__dirname, 'dist'), // 启动服务器目录
         compress: true, // 启动gzip
         port: 666,  // 端口
         open: true,// 自动打开服务
         publicPath: '/',  // 默认dist就是服务器根目录 从根目录查找资源
         openPage: 'advertier.html', // 打开的页面

         },







         }